<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="itheima" uri="http://itcast.cn/common/"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	request.setCharacterEncoding("utf-8");
	response.setCharacterEncoding("utf-8");
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>办公自动化系统 v1.0</title>

<!-- Bootstrap Core CSS -->
<link href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet">

<!-- MetisMenu CSS -->
<link href="<%=basePath%>css/metisMenu.min.css" rel="stylesheet">

<!-- DataTables CSS -->
<link href="<%=basePath%>css/dataTables.bootstrap.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="<%=basePath%>css/sb-admin-2.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="<%=basePath%>css/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link href="<%=basePath%>css/boot-crm.css" rel="stylesheet"
	type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<style>


a{
font-size:18px;
}


</style>
<body>

	<div id="wrapper">

		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">办公自动化系统 v1.0</a>
		</div>
		<!-- /.navbar-header -->
		<ul class="nav nav-tabs navbar-left">
			<li><a href="Main">首页</a></li>
			<li>
				
				<li class="active"> <a href="QuanXian">权限管理</a></li>
				<li><a href="GuanLiYuan">管理员管理</a></li>
				<li> <a href="RiZhi">系统日志管理</a></li>
			</ul>
		<ul class="nav navbar-top-links navbar-right">
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-envelope fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-messages">
					<li><a href="#">
							<div>
								<strong>令狐冲</strong> <span class="pull-right text-muted">
									<em>昨天</em>
								</span>
							</div>
							<div>今天晚上向大哥找我吃饭，讨论一下去梅庄的事...</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看全部消息</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-messages --></li>
			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-tasks fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-tasks">
					<li><a href="#">
							<div>
								<p>
									<strong>任务 1</strong> <span class="pull-right text-muted">完成40%</span>
								</p>
								<div class="progress progress-striped active">
									<div class="progress-bar progress-bar-success"
										role="progressbar" aria-valuenow="40" aria-valuemin="0"
										aria-valuemax="100" style="width: 40%">
										<span class="sr-only">完成40%</span>
									</div>
								</div>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<p>
									<strong>任务 2</strong> <span class="pull-right text-muted">完成20%</span>
								</p>
								<div class="progress progress-striped active">
									<div class="progress-bar progress-bar-info" role="progressbar"
										aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"
										style="width: 20%">
										<span class="sr-only">完成20%</span>
									</div>
								</div>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看所有任务</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-tasks --></li>
			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-bell fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-alerts">
					<li><a href="#">
							<div>
								<i class="fa fa-comment fa-fw"></i> 新回复 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-envelope fa-fw"></i> 新消息 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-tasks fa-fw"></i> 新任务 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-upload fa-fw"></i> 服务器重启 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看所有提醒</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-alerts --></li>
			<!-- /.dropdown -->
		<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-user">
					<li><a href="yuangong"><i class="fa fa-user fa-fw"></i> 员工管理</a></li>
					<li><a href="organization"><i class="fa fa-gear fa-fw"></i> 部门管理</a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>员工姓名：<%=request.getSession().getAttribute("ygname")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>员工工号：<%=request.getSession().getAttribute("ygid")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>用户名：<%=request.getSession().getAttribute("loginname")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>职位：<%=request.getSession().getAttribute("zhiwei")%></a> </li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>部门：<%=request.getSession().getAttribute("organziation")%></a></li>
					<li class="divider"></li>
					<li><a href="tologin"><i class="fa fa-sign-out fa-fw"></i>
							退出登录</a></li>
				</ul> <!-- /.dropdown-user --></li>
			<!-- /.dropdown -->
		</ul>
		<!-- /.navbar-top-links -->

		<div class="navbar-default sidebar" role="navigation">
			<div class="sidebar-nav navbar-collapse">
				<ul class="nav" id="side-menu">
					<li class="sidebar-search">
						<div class="input-group custom-search-form">
							<input type="text" class="form-control" placeholder="查询内容...">
							<span class="input-group-btn">
								<button class="btn btn-default" type="button">
									<i class="fa fa-search" style="padding: 3px 0 3px 0;"></i>
								</button>
							</span>
						</div> <!-- /input-group -->
					</li>
					<li><a href="QuanXian" class="active"><i
							class="fa fa-edit fa-fw"></i>权限管理</a></li>
					<li><a href="GuanLiYuan"><i
							class="fa fa-dashboard fa-fw"></i>管理员管理</a></li>
					<li><a href="RiZhi"><i
							class="fa fa-dashboard fa-fw"></i>系统日志管理</a></li>		
							
				</ul>
			</div>
			<!-- /.sidebar-collapse -->
		</div>
		<!-- /.navbar-static-side --> </nav>

		<div id="page-wrapper">
			<div class="row">
				<div class="col-lg-12">
					<h1 class="page-header">权限管理</h1>
				</div>
				<!-- /.col-lg-12 -->
			</div>
			<!-- /.row -->
		 <div class="panel panel-default">
				<div class="panel-body">
					<form class="form-inline"
						action="${pageContext.request.contextPath }/QuanXian"
						method="post">
						<div class="form-group">
							<label for="YuanGongName">员工姓名</label> <input type="text"
								class="form-control" id="YuanGongName" 
								name="ygname">
						</div>
						<div class="form-group">
							<label for="YuanGongSex">员工性别</label> <select
								class="form-control" id="YuanGongSex" placeholder="员工性别"
								name="sex">
								<option value="">--请选择--</option>
								<c:forEach items="${SexType}" var="item">
									<option value="${item.dict_item_name}"
										<c:if test="${item.dict_type_name == sex}"> selected</c:if>>${item.dict_item_name }</option>
								</c:forEach>
							</select>
						</div>
						<div class="form-group">
							<label for="YuanGongOrganization">员工部门</label> 
							
							<select
								class="form-control" id="YuanGongOrganization"
								name="organization">
								<option value="">--请选择--</option>
								<c:forEach items="${OrganizationType}" var="item">
									<option value="${item.dict_item_name}"
										<c:if test="${item.dict_type_name== organization}"> selected</c:if>>${item.dict_item_name }</option>
								</c:forEach>
							</select>
						</div>
						<div class="form-group">
							<label for="YuanGongzhiwei">员工职位</label> 
							<select
								class="form-control" id="YuanGongzhiwei"
								name="zhiwei">
								<option value="">--请选择--</option>
								<c:forEach items="${zhiweiType}" var="item">
									<option value="${item.dict_item_name}"
										<c:if test="${item.dict_type_name== zhiwei}"> selected</c:if>>${item.dict_item_name }</option>
								</c:forEach>
							</select>
						</div>
						<button type="submit" class="btn btn-primary">查询</button>
					</form>
				</div>
			</div> 
			<div class="row">
				<div class="col-lg-12">

					<div class="panel panel-default">
						<div class="panel-heading">
							员工权限列表
							
						</div>

						<!-- /.panel-heading -->
						<table class="table table-bordered table-striped">
							<thead>
								<tr>
									<th>ID</th>
									<th>员工姓名</th>
									<th>员工编号</th>

									<th>员工性别</th>
									
									<th>员工部门</th>
									<th>员工职位</th>
								
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach items="${page.rows}" var="row">
									<tr>
										<td width="80px">&nbsp;&nbsp;&nbsp;<input type="checkbox" name="chcs" value="${row.id}"/>&nbsp;&nbsp;&nbsp;&nbsp;${row.id}</td>
										<td>${row.ygname}</td>
										<td>${row.ygid}</td>
										<td>${row.sex}</td>
										
										<td>${row.organization}</td>
										<td>${row.zhiwei}</td>
										
										

										<td><a href="#" class="btn btn-primary btn-xs"
											data-toggle="modal" data-target="#updateEditDialog"
											onclick="editYuanGongupdate(${row.id})">修改权限</a> <a href="#"
											class="btn btn-danger btn-xs"
											onclick="deleteYuanGong(${row.id})">删除</a></td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
						<div class="col-md-12 text-right">
							<itheima:page url="${pageContext.request.contextPath }/QuanXian" />
						</div>
						<!-- /.panel-body -->
					</div>
					<!-- /.panel -->
				</div>
				<!-- /.col-lg-12 -->
			</div>
		</div>
		<!-- /#page-wrapper -->

	</div>
	<!-- 员工信息修改框 -->
	<div class="modal fade" id="updateEditDialog" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改员工权限</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="YuanGong_editupdate">
						<input type="hidden" id="quanxian_id" name="id" />

						<div class="form-group">
							<label for="quanxian_ygname" class="col-sm-2 control-label">员工姓名</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="quanxian_ygname"
									placeholder="员工姓名" name="ygname">
							</div>
						</div>

						<div class="form-group">
							<label for="quanxian_organization" class="col-sm-2 control-label">员工部门</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="quanxian_organization"
									placeholder="员工部门" name="organization">
							</div>
						</div>
						
						<div class="form-group">
							<label for="quanxian_ygid" class="col-sm-2 control-label">员工编号</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="quanxian_ygid"
									placeholder="员工编号" name="ygid">
							</div>
						</div>
							<div class="form-group">
							<label for="quanxian_zhiwei"
								style="float: left; padding: 7px 15px 0 27px;">员工职位</label>
							<div class="col-sm-10">
								<select class="form-control" id="quanxian_zhiwei" name="zhiwei">
									<option value="">--请选择--</option>
									<c:forEach items="${zhiweiType}" var="item">
										<option value="${item.dict_item_name}"
											<c:if test="${item.dict_id == zhiwei}"> selected</c:if>>${item.dict_item_name }</option>
									</c:forEach>
								</select>
							</div>
						</div>
						

					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary"
						onclick="updateYuanGong()">保存修改</button>
				</div>
			</div>
		</div>
	</div>
	


	<!-- /#wrapper -->

	<!-- jQuery -->

    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
	<!-- Bootstrap Core JavaScript -->
	<script  type="text/javascript" src="<%=basePath%>js/bootstrap.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/bootstrapValidator.js"></script>
	<!-- Metis Menu Plugin JavaScript -->
	<script type="text/javascript" src="<%=basePath%>js/metisMenu.min.js"></script>
	
	<!-- DataTables JavaScript -->
	<script type="text/javascript" src="<%=basePath%>js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/dataTables.bootstrap.min.js"></script>
	
	<!-- Custom Theme JavaScript -->
	<script type="text/javascript" src="<%=basePath%>js/sb-admin-2.js"></script>

	<!-- Bootstrap Core CSS -->
	<%-- <link type="text/css" href="<%=basePath%>css/bootstrap.css" rel="stylesheet"/>  --%>
	 <link type="text/css" href="<%=basePath%>css/bootstrapValidator.min.css" rel="stylesheet"/>

	<!-- DataTables JavaScript -->

	<script type="text/javascript"
		src="<%=basePath%>js/jquery.dataTables.min.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>js/dataTables.bootstrap.min.js"></script>
	<!-- Custom Theme JavaScript -->
	<script type="text/javascript" src="<%=basePath%>js/sb-admin-2.js"></script>

	<!-- Bootstrap Core CSS -->
	<%-- <link type="text/css" href="<%=basePath%>css/bootstrap.css" rel="stylesheet"/>  --%>
	<link type="text/css"
		href="<%=basePath%>css/bootstrapValidator.min.css" rel="stylesheet" />

	<script language="JavaScript">
function editYuanGongupdate(id) {

	
	
	
	$.ajax({
		type:"get",
		url:"<%=basePath%>/QuanXian/edit.action",
		data:{"id":id},
		success:function(data) {  
			$("#quanxian_id").val(data.id);
			$("#quanxian_ygname").val(data.ygname);
			$("#quanxian_ygid").val(data.ygid);
			$("#quanxian_organization").val(data.organization);
			$("#quanxian_zhiwei").val(data.zhiwei);
	
			
		}
	});
}





function updateYuanGong() {
	

	debugger;

	$.post("<%=basePath%>QuanXian/update.action",$("#YuanGong_editupdate").serialize(),function(data){
		
		
		if(data.message=="OK"){
			
			alert("员工权限更新成功！");
			window.location.reload();
			
		}else{
			
			alert(data.message);
		
			window.location.reload();
			
			
		}
		
			
		
		
		
	
	});
}

function deleteYuanGong(id) {
	if(confirm('确实要删除该客户该员工吗?')) {
		$.post("<%=basePath%>yuangong/delete.action",{"id":id},function(data){
			alert("员工信息删除成功！");
			window.location.reload();
		});
	}
}




function funinsert(i){
	

	if(i==''){
		
		
	}else{
		
		$.post("<%=basePath%>yuangong/selectManager.action",{"organization":i},function(data){
			
			$("#yuangong_managerinsert").val(data);
		},"json");
	}
	
	
	
}
function funupdate(i){
	
	
	if(i==''){
		
		
	}else{
		
		$.post("<%=basePath%>yuangong/selectManager.action",{"organization":i},function(data){
			
			$("#yuangong_manager").val(data);
		},"json");
	}
	
	
	
}




$(function() {
	formupdate = $('#YuanGong_editupdate');
	forminsert = $('#YuanGong_editinsert');
	
	checkupdate(formupdate);
	checkinsert(forminsert);
	

	

});

function checkinsert(form){
	
	form.bootstrapValidator({
		excluded : 'disabled',
		message : '输入值不合法',
		feedbackIcons : {
			valid : 'glyphicon glyphicon-ok',
			invalid : 'glyphicon glyphicon-remove',
			validating : 'glyphicon glyphicon-refresh'
		},
		live : 'enabled',
		fields : {
			ygname : {
				message : '员工姓名不合法',
				validators : {
					notEmpty : {
						message : '员工姓名不能为空'
					},
					stringLength : {
						min : 2,
						max : 30,
						message : '请输入3到30个字符'
					},
					regexp : {
						regexp : /^[\u0391-\uFFE5]+$/,
						message : '员工姓名只能由汉字组成 '
					}
				}
			}, 
			
			ygid : {
				validators : {
					notEmpty : {
						message : '员工编号不能为空'
					},
					stringLength : {
						min : 3,
						max : 6,
						message : '请输入3到6个字符'

					},
					regexp : {
						regexp : /^[0-9]*$/,
						message : '员工编号只能由数字组成 '
					}

				}
			},
			age : {
				validators : {
					notEmpty : {
						message : '员工年龄不能为空'
					},
					stringLength : {
						min : 1,
						max : 2,
						message : '请输入1到2个字符'

					},
					regexp : {
						regexp : /^[0-9]*$/,
						message : '用户名只能由数字组成 '
					}

				}
			},
			phone : {
				validators : {
					notEmpty : {
						message : '电话号码不能为空'
					},
					stringLength : {
						min : 11,
						max : 11,
						message : '请输入11位号码'

					},
					regexp : {
						regexp : /^1[34578]\d{9}$/,
						message : '请输入正确的电话号码'
					}

				}
			}
			
			

		}
	});
	
	
	
} 
function checkupdate(form){
	
	form.bootstrapValidator({
		excluded : 'disabled',
		message : '输入值不合法',
		feedbackIcons : {
			valid : 'glyphicon glyphicon-ok',
			invalid : 'glyphicon glyphicon-remove',
			validating : 'glyphicon glyphicon-refresh'
		},
		live : 'enabled',
		fields : {
			ygname : {
				message : '员工姓名不合法',
				validators : {
					notEmpty : {
						message : '员工姓名不能为空'
					},
					stringLength : {
						min : 2,
						max : 30,
						message : '请输入3到30个字符'
					},
					regexp : {
						regexp : /^[\u0391-\uFFE5]+$/,
						message : '员工姓名只能由汉字组成 '
					}
				}
			}, 
			
			ygid : {
				validators : {
					notEmpty : {
						message : '员工编号不能为空'
					},
					stringLength : {
						min : 2,
						max : 6,
						message : '请输入2到6个字符'

					},
					regexp : {
						regexp : /^[0-9]*$/,
						message : '员工编号只能由数字组成 '
					}

				}
			},
			age : {
				validators : {
					notEmpty : {
						message : '员工年龄不能为空'
					},
					stringLength : {
						min : 1,
						max : 2,
						message : '请输入1到2个字符'

					},
					regexp : {
						regexp : /^[0-9]*$/,
						message : '用户名只能由数字组成 '
					}

				}
			},		
			phone : {
				validators : {
					notEmpty : {
						message : '电话号码不能为空'
					},
					stringLength : {
						min : 11,
						max : 11,
						message :'请输入11位号码'

					},
					regexp : {
						regexp :/^1[34578]\d{9}$/,
						message : '请输入正确的电话号码'
					}

				}
			}
			

		}
	});
	
	
	
} 

</script>

</body>

</html>
